<template>
    <div>
      <div v-if="user != null">
        <h1 alignR="center" style="margin: 100px auto 0;color: coral;height: 20px;">404</h1>
        <img draggable="false" src="@/assets/imgs/404.png" alt="" style="position: relative;left: 50%;top: 50%;margin-left: -89px;">
        <p style="color: red;font-weight: bolder;text-align: center;">
          未找到该页面，请检查网络或链接路径！！！
          <router-link to="/">返回首页</router-link>
        </p>
      </div>
      <div v-else>
        <h1 align="center" style="margin: 100px auto 0;color: coral;height: 20px;">404</h1>
        <img draggable="false" src="@/assets/imgs/404.png" alt="" style="position: relative;left: 50%;top: 50%;margin-left: -89px;">
        <p style="color: red;font-weight: bolder;text-align: center;">
          该页面不存在，请检查网络或链接路径！！！
          <router-link to="/login">返回登录</router-link>
        </p>
      </div>
    </div>
</template>

<script lang="js" setup>
import {reactive} from "vue";

const user = reactive(sessionStorage.getItem('user-data'));
</script>

<style scoped>

</style>